// import XtxSkeleton from './xtx-skeleton.vue'
// import XtxCarousel from './xtx-carousel.vue'
// import XtxMore from './xtx-more.vue'

// export default {
//   install (app) {
//     // 在app上进行扩展，app提供 component directive 函数
//     // 如果要挂载原型 app.config.globalProperties 方式
//     app.component(XtxSkeleton.name, XtxSkeleton)
//     app.component(XtxCarousel.name, XtxCarousel)
//     app.component(XtxMore.name, XtxMore)
//   }
// }

export default {
  install (app) {
    // 读取了文件夹下以.vue结尾的文件，它有一个返回值req,它本身是一个function ，它也有一个属性keys()，该属性调用后能返回所有的文件路径，    返回值= req(传入路径)  返回值.default就是读取的组件（可以理解成执行了import的返回值）
    const req = require.context('./', false, /\.vue$/)
    req.keys().forEach(element => {
      const res = req(element)
      app.component(res.default.name, res.default)
    })
    // app.component(XtxSkeleton.name, XtxSkeleton)
    // app.component(XtxCarousel.name, XtxCarousel)
    // app.component(XtxMore.name, XtxMore)
    // app.component(XtxBread.name, XtxBread)
    // app.component(XtxBreadItem.name, XtxBreadItem)
  }
}
